{% extends "base.html" %}
{% block body %}
    <style type="text/css">
        .jumbotron {
            background-image: url("{{ url_for('static',filename='img/slide1.jpg') }}");
            padding: 0;
            height: 900px;
        {#        position: relative;#}
            vertical-align: middle;
            justify-content: center;
            align-items: center;
            display: flex;
            background-repeat: round;
            margin:0;
            border:0;
        }

    </style>
    <div class="jumbotron">
        <div class="container">
            <div class="flip-container" ontouchstart="this.classList.toggle('hover');">
                <div class="flipper">
                    <div class="front">
                        <div class="index-block">
                            <h1 style="text-align: center">欢迎使用企业沙盘模拟系统</h1>
                        </div>
                    </div>
                    <div class="back">
                        <div class="index-block">
                            <p style="text-align: center"><a class="btn btn-primary btn-lg" href="page1" role="button">开始使用</a></p>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
{% endblock %}